.homebox {
  width: 100%;
  border: 1px solid #ccc;
  background: #EEEEEE;
}
.homebox .top {
  width: 98%;
  margin: 0 auto;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  background: #1890FF;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}
.homebox .nav {
  width: 98%;
  height: 7rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  background: #fff;
}
.homebox .nav .chunk {
  width: 4rem;
  height: 5.5rem;
}
.homebox .nav .chunk img {
  margin-top: 1.2rem;
  margin-left: 0.5rem;
  width: 3rem;
  height: 3rem;
}
.homebox .nav .chunk .title {
  margin-top: 1rem;
  width: 4rem;
  font-size: 12px;
  text-align: center;
  color: #1890FF;
}
.homebox .nav .chunk .title a {
  text-decoration: none;
  color: #000;
}
.homebox .recommend {
  width: 98%;
  margin: 1rem auto;
  background: #fff;
  overflow: scroll;
}
.homebox .recommend .news {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  padding-left: 1rem ;
}
.homebox .recommend .every {
  width: 94%;
  margin: 0.6rem auto;
  height: 8rem;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.homebox .recommend .every .left {
  width: 8rem;
  height: 7.9rem;
}
.homebox .recommend .every .left img {
  width: 8rem;
  height: 7.2rem;
}
.homebox .recommend .every .right {
  margin-left: 1rem;
}
.homebox .recommend .every .right .name {
  display: flex;
}
.homebox .recommend .every .right .name .status {
  width: 3rem;
  text-align: center;
  height: 1.5rem;
  background: #27C21B;
  border-radius: 0.5rem;
  color: #fff;
  position: relative;
  left: 1rem;
  line-height: 1.5rem;
}
.homebox .recommend .every .right .address {
  margin-top: 0.5rem;
  font-size: 2px;
  color: #B0B0B0;
}
.homebox .recommend .every .right .place {
  margin-top: 0.5rem;
  display: flex;
  color: #B0B0B0;
}
.homebox .recommend .every .right .place .price {
  font-size: 14px;
  color: #00AB00;
  font-weight: 800;
  position: relative;
  left: 4rem;
  top: 0.1rem;
}
.homebox .recommend .every .right ul {
  margin-top: 1rem;
  width: 30rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 12px;
}
.homebox .recommend .every .right ul li {
  list-style: none;
}
.homebox .bottom {
  width: 96%;
  height: 4rem;
  background: #fff;
  margin: 0 auto;
  position: fixed;
  display: flex;
  bottom: 0rem;
  line-height: 4rem;
  justify-content: space-around;
}
.homebox .bottom a:nth-child(1) {
  color: #FF034D;
}
.homebox .bottom a {
  text-decoration: none;
  color: #1E91FF;
}
